body{background: #fae8c8;}
* {margin:0px; padding:0px;}

ul li {list-style: none;}

.toast {display:none;position:fixed;top: 50%;left:50%;padding:8px;border-radius:8px;background: #d50810;color:#fff;font-weight: bold;}

.word-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;}

/*清除*/
.clear {clear: both;}

/*导航*/
.navbar{display: block;width: 100%;height: 129px;padding:0px 150px;margin-bottom:0px;background: -webkit-linear-gradient(left, #d50810, #ae000f); }
.navbar li {float:left;}
.navbar .logo {width:184px;}
.navbar .search {margin-left:50px;width:430px;margin-top:47px;}
.navbar .no-login, .navbar .login-success {width:306px;margin-top:50px;padding-left:40px;}
.navbar .login-success {margin-top:40px;}

/*搜索*/
.search .input-search, .search .search-btn {border:0px;float:left;}
.search .input-search {width:334px;height:36px;border-radius: 4px 0px 0px 4px;padding:8px;color:#000;outline: 0px;font-size: 16px;font-weight: bold;letter-spacing: 2px;}
.search .search-btn {text-decoration:none;cursor:pointer;border: 2px solid #fff;border-left: 0px;border-radius: 0px 4px 4px 0px;width:80px; height:36px;color: #fff;text-align:center;line-height:32px;font-size: 16px;letter-spacing: 4px;font-weight: bold;background: #ae000f;}
.search .search-btn:hover {background: #ae000f;}

/*登录*/
.no-login .link {display: block;float:left;margin:0px 5px;padding:4px 8px;color:#fff;}
.no-login .link:hover{border-radius: 4px;background: #84000d;}

/*登录成功*/
.login-success .link {margin: 0px 10px;color:#fff;line-height: 52px;}
.login-success .head-portrait {float:left;width:36px;height:36px;}
.login-success .username {float:left;display: block; font-size:12px;width: 60px;margin: 20px 0px 0px 5px;color: #e5e5e5;}

/*滑过头像*/
.personal-center-link {position: relative;padding:8px;}

.personal-center {border:1px solid #ebebeb;border-top:0px;display:none;z-index:999;position: absolute; top:44px;left:0px; width: 117px; padding:4px 8px; background: #fff;color:#000;}
.personal-center a {display: block;width: 101px;text-align: center;line-height: 30px;margin: 4px 0px;background: #e1e1e1;}
.personal-center a {text-decoration: none;color:#000;}
.personal-center a:hover  {background: #ff3232;color:#fff;
    transition-property: background;
    transition-duration: 0.5s;
    transition-timing-function:linear }
.personal-center-link:hover {background:#fff;}
.personal-center-link:hover .username {color:#ff3232;}
.personal-center-link:hover .personal-center {display: block;animation:slidUp 0.5s}
/*向上运动*/
@keyframes slidUp {
    0%{top:64px;background-color: rgba(255, 255, 255, 0.3);}
    100%{top:44px;background-color: rgba(255, 255, 255, 1);}
}
.no-login{padding-right:30px;}

/*标题导航*/
.nav-box {width:100%;box-shadow:10px 0px 10px rgba(0,0,0,0.3);background:#fff;}
.navbar-title {position:relative;width:990px;margin:0px auto 30px auto;height:76px;}
.navbar-title .li-link .link {float:left;display: block;height: 76px;line-height: 76px;}
.navbar-title .li-link {float:left;display: block;padding: 0px 24px;height: 76px;font-size: 18px;color: #444;font-weight: bold;}
.navbar-title .li-link .link {text-decoration: none;color: #444;}
.navbar-title .li-link .current {border-bottom: 4px solid #ff3232;height: 76px;overflow: hidden;}
/*食谱分类*/
#classificationOfRecipesLink:hover .exp-menu {display: block;}
.exp-menu {box-shadow:5px 3px 5px rgba(0,0,0,0.3);padding:8px 30px;z-index:999;position:absolute;left:0px;top:76px;display:none;width:990px;height:250px;background:#fff;}
.exp-menu .exp-menu-li {display: block;}
.exp-menu .category-ul {float:left;display: inline-block; width:310px;padding:15px 0px;}
.category-ul li {display: block;float:left;position: relative;}
.category-ul .category-name {color: #ff3232;font-size: 17px;}
.category-ul .exp-link {text-decoration:none;float:left;margin-right:12px;padding:3px;color: #7b7b7b;font-size: 14px;}
.category-ul .exp-link:hover {color: #fff;background:#d50810;border-radius: 4px;}
.category-ul li .hot-icon {transform:rotate(30deg);position: absolute;top:-2px;right:2px;width:16px;height:16px;background:url("../icon/hot.png");}
/*分割线*/
.split-line{width:100%;height:20px;background: #ffffff}

/*底部*/
.bottom {margin-top:30px;padding: 30px 150px 20px 150px;height:200px; background: #3f3a32;}
.info {float: left;}
.QR-code {float: right;}
/*信息*/
.info .word {color:#fff;font-weight: bold}
.info-number {color: #e13232}
/*二维码*/
.QR-code .box {width:105px; height:159px;}
.QR-code .img {height: 105px;}
.QR-code .tip {width:105px;font-size: 12px;text-align: center;}